import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  // 任意组件都可以访问在此存放的数据$store（为vuex的一个实例）&store.state
  state: {
    // 保存用户登录成功后的信息（初始值尝试读取本地存储）
    user: JSON.parse(window.localStorage.getItem('user') || null)
  },
  mutations: {
    // 存储用户数据
    setUser (state, payload) {
      // 将payload字符串形式的json格式 转换为对象后再进行存储,看起来更方便
      state.user = JSON.parse(payload)
      // 将payload数据添加到本地存储中,本地存储存的本身就是字符串的值，就是个json格式，所以不必转换
      window.localStorage.setItem('user', payload)
    }
  },
  actions: {
  },
  modules: {
  }
})
